.classify{
    width: 100%;
    height: 100%;
}
.classBody{
    width: 100%;
    height: calc(100% - .6rem);
    display: flex;
}
.classifyLeft{
    width: 30%;
    overflow-y: scroll;
    div{
        width: 100%;
        text-align: center;
        height: 1.2rem;
        line-height: 1.2rem;
    }
    .active{
        color: #ac7ee9;
        font-weight: bolder;
    }
}
.classifyRight{
    width: 70%;
    overflow-y: scroll;
    h3{
        font-size: .4rem;
    }
    & .classItem{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        dl{
            width: 30%;
            margin-top: .3rem;
        }
    }
    img{
        width: .8rem;
        height: .8rem;
    }
    font-size: .1rem;
}
